﻿

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>ComboBox - jQuery EasyUI Demo</title>
    <link href="../../Content/default.css" rel="stylesheet" type="text/css" />
    <link href="../../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../../Scripts/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
    <script>
       
        $(function () {
            $('#dd').combobox({ url: '/ServiceTest/GetClassA',
                valueField: 'FolderCode',
                textField: 'FolderName',

                onSelect: function (node) {
                   // alert(node.FolderCode);
                    $('#cc').combobox({
                        disabled: false,
                        url: '/ServiceTest/GetClassA?id=' + node.FolderCode,

                        valueField: 'FolderCode',
                        textField: 'FolderName',
                        onSelect: function (node) {
                           // alert(node.FolderCode);
                            $('#aa').combobox({
                                disabled: false,
                                url: '/ServiceTest/GetClassA?id=' + node.FolderCode,

                                valueField: 'FolderCode',
                                textField: 'FolderName'
                            });
                        }
                    });
                }
            });
        });

       
    </script>
</head>
<body>
    <div style="margin: 10px 0;">
        <a href="#" class="easyui-linkbutton" onclick="loadData()">LoadData</a> <a href="#"
            class="easyui-linkbutton" onclick="setValue()">SetValue</a> <a href="#" class="easyui-linkbutton"
                onclick="getValue()">GetValue</a> <a href="#" class="easyui-linkbutton" onclick="disable()">
                    Disable</a> <a href="#" class="easyui-linkbutton" onclick="enable()">Enable</a>
                    <a href="#" class="easyui-linkbutton" onclick="window.close()">Close!</a> 
    </div>
    <p>
        Multiple ComboBox:
    </p>
    <input id="dd" style="width: 200px;"></input>
    <input id="cc" class="easyui-combobox" name="language" valuefield="FolderCode" textfield="FolderName"
        multiple="false" editable="false" style="width: 200px;">
    <input id="aa" class="easyui-combobox" name="language" valuefield="FolderCode" textfield="FolderName"
        multiple="false" editable="false" style="width: 200px;">
        <li><%: Html.ActionLink("Service Test", "ShowTest", "ServiceTest")%></li>
        <img ID="Image1111"  src="/ServiceTest/GetImage/" width="700" height="500"/>
        
</body>
</html>
